<template>
  <div>
    <div v-for="(item,index) in findlist" :key="index">
      <div class="findImg">
        <img :src="item.houseImg" alt="">
      </div>
      <div class="findtitle">
        <h2>{{item.title}}</h2>
        <p>{{item.desc}}</p>
        <h3>近地铁</h3>
        <h4>{{item.price}}元/月</h4>
      </div>
    </div>
  </div>
</template>

<script>
import request from '@/utils/request.js'
export default {
  name: 'CollectPage',
  created () {
    this.getList()
  },
  data () {
    return {
      findlist: []
    }
  },
  methods: {
    async getList () {
      try {
        const { body } = await request({
          url: 'houses?cityId=AREA%7Cdbf46d32-7e76-1196&stat=1&end=20'
        })
        console.log(body)
        this.findlist = body.list
      } catch (err) {
        console.dir(err)
      }
    }
  }
}
</script>
<style lang="less" scoped>

</style>
